div.pay-dialog{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999;display:none }
div.pay-dialog:before{ display: block; content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); }
div.pay-dialog form{ width: 300px; height: 320px; background-color: #FFF; margin-left: -150px; margin-top: -160px; position: absolute; left: 50%; top: 50%; z-index: 9999; font-family: '微软雅黑', 'Helvetica Neue', Helvetica, sans-serif; box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
div.pay-dialog header{ display: block; padding: 35px 15px 20px; text-align: center; background-color: #ff5552; color: #FFF; position: relative;
    -moz-border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
}
div.pay-dialog header h1{ font-size: 1.2rem; font-weight: normal; }
div.pay-dialog header:before{ display: block; content: ''; width: 50%; height: 120px; background: url("../images/payDialog/icon_00.svg") no-repeat top center / 100%; position: absolute; top: -50px; left: 50%; margin-left: -25%; }
div.pay-dialog .content{ height: 185px; padding: 20px; }
div.pay-dialog .content p{ color: #6b6b6b; }

div.pay-dialog .content .list{ width: 100%; }
div.pay-dialog .content .list .radio{ width: 50%; display: block; float: left; }
div.pay-dialog .content .list .radio span{ display: block; width: 100%; color: #666; font-size: 12px; text-align: center; background: no-repeat top center / 60%; padding-top: 80px; margin: 5px 0 10px; }
div.pay-dialog .content .list .radio span.alone{ background-image: url("../images/payDialog/icon_gray_01.png"); }
div.pay-dialog .content .list .radio span.year{ background-image: url("../images/payDialog/icon_gray_02.png"); }
div.pay-dialog .content .list .radio input[type=radio]{ width: 100%; display: none; }
div.pay-dialog .content .list:after{ display: block; content: ''; clear: both; }

div.pay-dialog .content .list .radio.checked span.alone{ color: #F00; background-image: url("../images/payDialog/icon_red_01.png"); }
div.pay-dialog .content .list .radio.checked span.year{ color: #F00; background-image: url("../images/payDialog/icon_red_02.png"); }

div.pay-dialog footer{ width: 100%; height: 50px; border-top: 1px solid #DDD; overflow: hidden;
    -moz-border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
div.pay-dialog footer button{ border: 0; width: 50%; height: 100%; border-left: 1px solid #DDD; float: left; color: #000;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
div.pay-dialog footer button:hover, div.pay-dialog footer button:active, div.pay-dialog footer button:visited, div.pay-dialog footer button:focus{ background-color: #FFF; color: #333; }
div.pay-dialog footer button.active{ color: #ff5552; }
div.pay-dialog footer button:first-child{ border-left: 0; }
div.pay-dialog footer:after{ display: block; clear: both; content: ''; }